<template>
  <div class="head">
    <div class="head">
      <div class="logo">
        <router-link to="/"><img src="../assets/cnodejs.svg" alt="CNode"></router-link>
      </div>
      <div class="about">
        <div class="right-menu">
          <div class="link-btn">关于</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "cnode-head"
  }
</script>

<style scoped>
  .head{
    position:absolute;

    left:0px;
    top:0px;
    background-color:#324057;
    width:100%;
    height:4rem;
  }
.head .logo{
  position:absolute;
  top:0px;
  left:6rem;
  width:10rem;
  height:100%;
}
.head .logo img{
 width:100%;
 height:100%;
}
.about{
  position:absolute;
  right:6rem;
  line-height:4rem;
}
.right-menu .link-btn{
  font-size:1.5rem;
  font-weight: bold;
  color:white;
  float:right;
}
.right-menu .link-btn:hover{
  cursor:pointer;
}
</style>
